<template>
	<div class="msgCenter">
		<van-nav-bar :border="false" :placeholder="true" :fixed="true" title="Trung tâm trợ giúp" left-arrow
			@click-left="onClickLeft"></van-nav-bar>
		<div class="msgCard">
			<div class="cardTitle" style="pointer-events: auto;">
				<van-button @click="onTabA(index)" v-for="(item,index) in tabsA" :key="item" :class="curA == index?'btnArc':''" >{{item}}</van-button>
			</div>
			<div class="cardList" v-if="curA == 0">
				<div class="van-hairline--bottom msgList">
					<div class="listTop">
						<div class="listClassName"> [CẢNH BÁO ...] </div>
						<div class="listTime">2021-11-03</div>
					</div>
					<div class="listBottom">CẢNH BÁO LỪA ĐẢ</div>
				</div>
			</div>
			<div class="cardList" v-if="curA == 1">
				<van-divider  :style="{ color: '#e9cfa41a', borderColor: '#e9cfa41a', padding: '0 16px' }"
				>Không còn nữa</van-divider>
			</div>
		</div>
	</div>
</template>

<script>
	export default {
		components: {},
		data() {
			return {
				curA: 0,
				tabsA: ['Tin nhắn', 'Thông báo'],
			}
		},
		methods: {
			onTabA(e) {
				this.curA = e
			},
			onClickLeft() {
				this.$router.go(-1)
			}
		}
	}
</script>
<style>
</style>
